<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>互助后台管理系统</title>
<link rel="stylesheet"  href="/layui/css/layui.css">
<style type="text/css">
	.layadmin-iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 5px;
		top: 80px;
		right: 0;
		bottom: 0
}
</style>
<script  src="/layui/layui.js"></script>
<script src="/plugins/jquery/jquery-1.10.2.min.js"></script>
<script src="/plugins/js/common.js"></script>
<script>
//JavaScript代码区域
var element;
var layer;
layui.use(['element','layer'], function(){
 	element = layui.element;
 	layer=layui.layer;
});
function check(url,title){
	  var tabTopTitle=$("#tabTopTitle").find("li[lay-id=\'"+url+"'\]");
	  element.tabDelete('tabTop', url); //删除：“商品管理”
	  var tabId=new Date().getTime();
	  element.tabAdd('tabTop', {
	        title: title //用于演示
	        ,content: "<div class='layadmin-tabsbody-item layui-show'><iframe id='"+url+"' src='"+url+"' frameborder='0' class='layadmin-iframe'></iframe></div>"
	        ,id: url //实际使用一般是规定好的id，这里以时间戳模拟下
	      });
	  element.tabChange('tabTop', url); //切换
}

function showUpdatePassword(){
	layer.open({
		  title:"修改密码",
		  type: 2,
		  skin: 'layui-layer-rim', //加上边框
		  area: ['500px', '300px'], //宽高
		  content: '/user/toUpdateUserPassword'
		});
}

</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<!-- 顶部 -->
<div class="layui-header" th:include="common/top :: top">
</div>
<!--   左侧菜单 -->
  <div class="layui-side layui-bg-black" th:include="common/left :: left">
  </div>
  
<div class="layui-body" id="LAY_app_body">
	<div class="layui-tab layui-tab-card" lay-allowclose="true" lay-filter="tabTop">
	  <ul class="layui-tab-title" id="tabTopTitle">
<!-- 	    <li class="layui-this:after" lay-id="20">网站设置<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li> -->
<!-- 	    <li lay-id="21">用户基本管理<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li> -->
<!-- 	    <li lay-id="22">权限分配<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li> -->
<!-- 	    <li lay-id="23">商品管理<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li> -->
<!-- 	    <li lay-id="24">订单管理<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li> -->
	  </ul>
	<!--   <div class="layui-tab-content" style="height:100%;"> -->
	<!--     <div class="layui-tab-item" style="height:100%;"> -->
	<!--     	 <div class="layadmin-tabsbody-item layui-show"> -->
	<!--           <iframe src="main.html" frameborder="0" id="ddd" class="layadmin-iframe"></iframe> -->
	<!--       </div> -->
	<!--     </div> -->
	<!--     <div class="layui-tab-item">3</div> -->
	<!--     <div class="layui-tab-item">4</div> -->
	<!--     <div class="layui-tab-item">5</div> -->
	<!--     <div class="layui-tab-item">6</div> -->
	<!--   </div> -->
	<div class="layui-tab-content">
<!-- 	    <div class="layui-tab-item"> -->
<!-- 	    </div> -->
<!-- 	    <div class="layui-tab-item">内容2</div> -->
<!-- 	    <div class="layui-tab-item">内容3</div> -->
<!-- 	    <div class="layui-tab-item">内容4</div> -->
<!-- 	    <div class="layui-tab-item">内容5</div> -->
	  </div>
	</div>
  </div>
  <div class="layui-footer" th:include="common/footer :: footer">
    
  </div>
</div>
</body>
</html>
